a{
    color: #666666;
}
body{
    position: absolute;
    height: 100%;
    width: 100%;
    display: flex;
}
.btn-primary{
    color: #fff;
    border-color: #ffffff;
    background-color: #f45d54;
}
.btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open>.dropdown-toggle.btn-primary {
    color: #fff;
    border-color: #ffffff;
    background-color: #f45d54;
}
.panel-info {
    border: none;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
}
.panel{
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.4);
    box-shadow: 0 1px 1px rgba(0,0,0,.4);
}
.panel-info>.panel-heading {
    color: #ffffff;
    background-color: #f45d54;
    border-color: #ffffff;
}
.panel-width {
    min-width:500px;
}
.panel-margin {
    margin:14px;
}
.btn-success {
    color: #fff;
    background-color: #f45d54;
    border-color: #f45d54;
}
.btn-success.active, .btn-success.focus, .btn-success:active, .btn-success:focus, .btn-success:hover, .open>.dropdown-toggle.btn-success{
    color: #fff;
    background-color: #f45d54;
    border-color: #f45d54;
}
.btn-success:focus, .btn-info:focus, .btn-default:focus {
    outline: none;
    box-shadow: none;
}
.panel-default>.panel-heading{
    color: #ffffff;
    background-color: #f45d54;
}
.btn-info {
    color: #fff;
    background-color: #f45d54;
    border-color: #f45d54;
}
.btn-info.active, .btn-info.focus, .btn-info:active, .btn-info:focus, .btn-info:hover, .open>.dropdown-toggle.btn-info {
    color: #fff;
    background-color: #f45d54;
    border-color: #f45d54;
}
.form-control:focus, .tokenfield.focus, .tokenfield:focus{
    border-color: rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
}
.common-margin{
    margin-top: 100px;
    margin-right: inherit;
    margin-left: inherit;
}
label{
    color: #777;
}
.table>caption+thead>tr:first-child>td, .table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>td, .table>thead:first-child>tr:first-child>th{
    border-right: 1px solid #eee;
    background-color: #f45d54;
    color: #ffffff;
}
.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio]{
    position: relative;
}
/*dialog*/
.xubox_botton .xubox_botton2 {
    margin-left: 20px !important;
    width: 60px !important;
    height: 29px;
    line-height: 29px;
    background: none;
    background-color: white;
    border-radius: 4px;
    color: #666;
    border: 1px solid #ccc;
}
.xubox_botton .xubox_botton3 {
    width: 60px !important;
    height: 29px;
    line-height: 29px;
    margin-left: -80px !important;
    background: none;
    background-color: white;
    border-radius: 4px;
    color: #666;
    border: 1px solid #ccc;
}
.xubox_border{
    background-color: transparent !important;
}
.xubox_botton a:hover{
    color: #666 !important;
}
.xubox_layer .xubox_form {
    border-radius: 4px;
}
.xubox_title{
    background: none !important;
}
.xubox_main{
    border: 1px solid #eee;
    border-radius: 4px;
    box-shadow: 0 0 6px rgba(0,0,0,.5);
}
/*导航*/
.nav>li>a {
    position: relative;
    display: block;
    font-size: 14px;
    color: #959696;
    padding: 14px 24px;
    padding-left: 51px;
}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    background-color: #f45d54;
    box-shadow: 0 2px 6px rgba(152,28,21,.4);
}
.nav-stacked>li+li {
    transition: all .2s ease-in-out;
    margin: 10px auto 0;
}
.nav>li>a:focus, .nav>li>a:hover {
    background-color: #f3f3f3;
}
.common-i i{
    display: inline-block;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100%;
    margin-right: 20px;
    vertical-align: sub;
}
.nav-dashboard-w i{
    background-image: url(../../static/img/two-w.png);
}
.nav-dashboard i{
    background-image: url(../../static/img/two.png);
}
.nav-screen-w i{
    background-image: url(../../static/img/one-w.png);
}
.nav-screen i{
    background-image: url(../../static/img/one.png);
}
.nav-hostgroup-w i{
    background-image: url(../../static/img/seven-w.png);
}
.nav-hostgroup i{
    background-image: url(../../static/img/seven.png);
}
.nav-template-w i{
    background-image: url(../../static/img/five-w.png);
}
.nav-template i{
    background-image: url(../../static/img/five.png);
}
.nav-expression-w i{
    background-image: url(../../static/img/six-w.png);
}
.nav-expression i{
    background-image: url(../../static/img/six.png);
}
.nav-nodata-w i{
    background-image: url(../../static/img/three-w.png);
}
.nav-nodata i{
    background-image: url(../../static/img/three.png);
}
.nav-alarm-dash-w i{
    background-image: url(../../static/img/four-w.png);
}
.nav-alarm-dash i{
    background-image: url(../../static/img/four.png);
}
.caret{
    color: #bbbbbb;
    margin-left: 14px;
    border-top: 6px solid;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
}
@media (min-width: 768px){
    .navbar {
        border-radius: 0;
    }
}
/*表格斑马纹颜色*/
.my-table-stripe>tbody>tr:nth-of-type(odd){
    background-color: #ffffff;
}
.my-table-stripe>tbody>tr:nth-of-type(even){
    background-color: #faf9f8;
}
/*滚动条样式*/
::-webkit-scrollbar {
    width: 12px;
    *background-color: #e8e8e8;
}
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #d3d3d3;
}
::-webkit-scrollbar-track {
    border-radius: 10px;
}